﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Feedback_View.aspx.cs" Inherits="JKF.Web.Feedback.Feedback_View" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
        <%= RegScript("~/js/jquery.1.5.js")%>
        <%= RegScript("~/js/jquery.nhis.js")%>
        <%= RegScript("~/js/jquery.rchis.js")%>
        <%= RegScript("~/js/jquery-ui-custom.min.js")%>
        <%= RegScript("~/js/css.js")%>
        <%= RegScript("~/js/DatePicker/WdatePicker.js")%>
        <%= RegScript("~/js/Common.js")%>
        <%= RegScript("~/js/Jquery.commonGrid.js")%>
        <script src="../../js/Uppop/tipswindown2.js"  type="text/javascript"></script>
        <link href="../../App_Themes/Theme2/Include.css"   rel="stylesheet" type="text/css" />
        <script type="text/javascript">
              var isView = '<%=IsView%>'; //是否有浏览权限
              var isAdd = '<%=IsAdd%>' == 'True' ? '' : 'none'; //是否具有添加权限
              var isEdit = '<%=IsEdit%>' == 'True' ? '' : 'none'; //是否具有编辑权限
              var isDelete = '<%=IsDelete%>' == 'True' ? '' : 'none'; // 是否具有删除权限

              var AppPath = '<%=AppPath %>';
              var handler = AppPath + '/do/Feedback/Feedback.do';
              var PageSize = 20;
              var ShopCode=<%=ShopCode%>
              var pager = null;
              $(function () {
                  if (isAdd == "none")  //判断权限添加按钮是否显示
                      $("#btnAdd").hide();

                  pager = $('#divPager').pager(AppPath, handler, function () {
                      return { ActionName: 'GetFeedBacks', title: $('#title').val(), status: $('#status').val(),type:'0'};
                  }, function (data) {
                      var tbody = $('#tb tbody');
                      tbody.empty();
                      if (data && data.Entity && data.Entity.length) {
                          data = data.Entity
                          var tr, td;
                          for (var i = 0; i < data.length; i++) {
                              var item = data[i];
                              tr = $("<tr key=" + item.FEEDBACK_KEY + "></tr>").appendTo(tbody);
                              var btns
                              btns='<input  class="btn_style" value="查看详细" type="button"   onclick="viewFeedback(' + "'" + item.FEEDBACK_KEY + "'" + ')">';           
                              if(item.IS_REPLIED=="0")//未回复，可以删除
                                  btns += "<input    style=\"display:' + isDelete + '\" id=\"btnDel\" type=\"button\" class=\"common_btn_del mr12\"  onclick=\"delFeedback('" + item.FEEDBACK_KEY + "')\">";
                              if (item.IS_REPLIED == "0"&&ShopCode!=item.USER_CREATE)//未回复，且非反馈店铺
                                    btns+='<input  class="btn_style" id="btnReply" value="回复" type="button"   onclick="replyFeedback(' + "'" + item.FEEDBACK_KEY + "'" + ')">';           

                              $('<td></td>').appendTo(tr).html(btns);
                              $('<td></td>').appendTo(tr).text(item.TITLE);
                              $('<td></td>').appendTo(tr).text(item.FEEDBACKER);
                              $('<td></td>').appendTo(tr).text(item.FEEDBACK_DATE);
                              $('<td></td>').appendTo(tr).text(item.IS_REPLIED_CN);
                          }
                      } else {
                          tbody.html('<tr><td id="emptyTr" colspan="9" style="text-align: center">没有数据!</td></tr>');

                      }

                      var tbHeight = $(window).height() - $(".common_search").height() - $("#divPager").height() - 35;
                      tbHeight=tbHeight < 300 ? 300 : tbHeight
                      $("#tb").H8_Grid($("#divPager"), tbHeight);
                  }, PageSize, true);


                  $('#btn_search').click(function () {
                      pager.option.pageIndex = 1;
                      pager.getPegerData();
                      return false;
                  });
              });


              function addFeedback(id) {
                  window.parent.pop("添加反馈记录", '<%= ResolveUrl("~/Feedback/Feedback_Add.aspx") %>' + id, 870, 490, updateList2)
              };

              function viewFeedback(id) {
                  window.parent.pop("查看反馈信息", '<%= ResolveUrl("~/Feedback/Feedback_Detail.aspx?FEEDBACK_KEY=") %>' + id, 800, 560, null)
              };


              function replyFeedback(id) {
                  window.parent.pop("回复反馈信息", '<%= ResolveUrl("~/Feedback/Reply_Feedback.aspx?FEEDBACK_KEY=") %>' + id, 800, 550, replyUpdateList)
              };
              
              function replyUpdateList(obj, id) {
                 $("#tb tbody tr[key='" + id + "'] td").eq(4).text("已回复");//将状态改成已回复
                 $("#tb tbody tr[key='" + id + "']").find("[id='btnReply']").hide(); //隐藏回复按钮
                 $("#tb tbody tr[key='" + id + "']").find("[id='btnDel']").hide();//隐藏删除按钮
              }

              function delFeedback(feedBackKey) {
                  if (!confirm("确认删除吗?"))
                      return false;

                  $.post(handler, { ActionName: "DeleteFeedback", feedBackKey: feedBackKey },
                   function (rslt) {
                       if (rslt.MessageCode == "Ok") {
                           $("tr[key='" + feedBackKey + "']").remove();
                           reduceCount(); //删除成功之后减少记录总条数
                           alert("删除成功."); 
                           return;
                       }
                   }
                , "json");
               }

              //回调函数，弹出层保存成功之后执行，更新列表中数据，或往列表中添加新录的数据
              function updateList(obj, id) {
                   $("#tb tbody tr[key='" + id + "'] td").eq(4).text("已回复");
                   $("#tb tbody tr[key='" + id + "']").find("[id='btnReply']").hide();
              }

              function updateList2(obj, id) {
                   if ($.FxNull(id, "").length > 0) {//修改
                      $("#tb tbody tr[key='" + id + "']").html($(obj).html());
                  } else {//添加
                      if ($('#emptyTr')) { // 如果存在的话
                          $('#emptyTr').remove(); // 当添加成功的话，移除此行
                      }
                      addCount(); //添加成功之后更新记录总条数
                      $('#tb tbody').prepend(obj);
                  }
              }
      </script>
</head>
<body>
      <div class="warrper_body">  
         <div class="index" style=" overflow:hidden">
            <div class="common_search">
                 <div class="l_h45">  
                    咨询问题：<input type="text" id="title" style="width:250px" value="" /> 
                    状态：                    
                     <select id="status" style="width:100px">
                           <option selected value="">全部</option>
                           <option value="0">未回复</option>
                           <option value="1">已回复</option>
                     </select>
                    <span class="mr30">
                       <input name="" id="btn_search" type="button"  class="common_btn_search"/>
                       <input id="btnAdd" type="button" class="common_btn_add2" value=" "  onclick="addFeedback('')"/>
                    </span>
                 </div>
            </div>
           
           <div class="l_h7"></div>

            <div class="index_table">
                <table id="tb" class="common_table">
                    <thead>
                        <tr>
                            <th width="150px" orderaction="false">操作</th>
                            <th width="500px" ordertype="string">咨询问题</th>
                            <th width="100px" ordertype="string">咨询人</th>
                            <th width="100px" ordertype="string">咨询日期</th>
                            <th width="80px" ordertype="string">状态</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td colspan="5" style="text-align: center">点击搜索查看数据</td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="page" id="divPager"></div>      
        </div>
     </div> 
</body>
</html>
